<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <title>Baklava Playground</title>
  <link href="./dist/themes/default.css" rel="stylesheet" />
  <script src="./dist/localization.js" type="module"></script>
  <script src="./dist/baklava.js" type="module"></script>
  <script>
    // Live reload
    new EventSource("/esbuild").addEventListener("change", () => location.reload());
  </script>
  <style>
    *:not(:defined) {
      display: none;
    }

    body {
      font-family: var(--bl-font-family);
    }

    h1 {
      font: var(--bl-font-display-1);
    }
  </style>
</head>
<body>
<h1>Baklava Playground</h1>

<p>
  Copy this file as playground/index.html and try your work here by running
  <code>npm run serve</code>.
</p>

<bl-button>Baklava is ready</bl-button>
</body>

</html>
